<template>
  <div class="feedback ">
    <div class="identity small">
      <!--<header class="space-around normal">-->
        <!--<i class="ion-ios-arrow-back large back" @click="routerBack()"></i>-->
        <!--<div style="margin-right: 17%">意见反馈</div>-->
        <!--<i class="ion-md-paper-plane plane"></i>-->
      <!--</header>-->
    </div>
    <div class="flex-start feedback-title normal">
      <p> 您对秋臣的意见或建议（必填）</p>
    </div>
    <div class="feedback-content normal">
        <textarea name="yj" cols="20" rows="30"></textarea>
    </div>
    <div class="flex-start feedback-title1 normal">
      <p> 您的联系方式QQ或手机（选填）</p>
    </div>
    <div class="qq">
      <input type="text" placeholder="每周选出5位留下联系方式的用户赠送精美礼品" class="small qq-input">
    </div>
    <div class="flex-start feedback-title1 normal">
      <p> 您的称呼（选填）</p>
    </div>
    <div class="qq">
      <input type="text" placeholder="请留下您的姓名" class="small qq-input">
    </div>
    <div class="submit-feedback">
      <button type="button">取消</button><button type="button">提交</button>
    </div>
  </div>
</template>
<script>
  // 引入个人资料页面
  import identity from './identity'
  // 引入设置页面
  import setup from './setup'
  export default{
    components: {
      identity: identity,
      setup: setup
    },
    methods: {
      routerBack:function(){
        this.$router.back()
      }
    }
  }
</script>
<style>
  .feedback {
    width: 100%;
  }

  .plane {
    font-size: 20px;
  }

  .feedback-title,.feedback-title1 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    /*margin-top: 107px;*/
    background: #efeff4;
  }

  .feedback-title p,.feedback-title1 p {
    margin: 0 5%;

  }

  .feedback-content {
    width: 100%;
  }

  textarea {
    width: 100%;
    height: 135px;
    border: 0;
    outline: none;
    resize: none;
  }

  .qq {
    width: 100%;
    background: #fff;
  }

  .qq-input {
    text-align: left;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-indent: 5%;
    margin: 0;
    outline: none;
    border: none;
  }

  .feedback-title1 {
    margin: 0 !important;
  }
  .submit-feedback{
    display: flex;
    justify-content: center;
  }
  .submit-feedback button{
    width: 40%;
    height: 35px;
    line-height: 35px;
    background: #efeff4;
    /*margin: 10px auto;*/
    border-radius: 25px;
    border: none;
    font-size: 14px;
    letter-spacing: 5px;
    color: #000;
    margin-top: 10px;
    margin-right: 30px;
  }
  .submit-feedback button:last-child{
    margin-right: 0;
    background: #E26537;
    color: #fff;
  }
</style>
